<!DOCTYPE html>
<html>
<link rel="match" href="../expected/css-filter-drop-shadow-ref.html" />
<style>
    div {
        height: 20px;
        width: 20px;
        margin: 10px;
        background-color: black;
        color: blue;
    }
</style>
<div style="filter: drop-shadow(5px 5px)"></div>
<div style="filter: drop-shadow(5px 5px red)"></div>
<div style="filter: drop-shadow(red 5px 5px)"></div>
<div style="filter: drop-shadow(-5px -5px red)"></div>
<div style="filter: drop-shadow(16px)"></div>
<div style="filter: drop-shadow()"></div>
<div style="filter: drop-shadow(red)"></div>
<div style="filter: drop-shadow(5px 5px 5px)"></div>
<div style="filter: drop-shadow(red 5px 5px 5px)"></div>
<div style="filter: drop-shadow(5px 5px 5px red)"></div>
<div style="filter: drop-shadow(calc(5*1px) calc(2px + 3px))"></div>
